<%-- 
    Document   : header
    Created on : 05-jul-2012
    Author     : Froy A.
    Copyright Notice: SFERP
    Description: header principal del sitio.
--%>
<%@page import="java.util.Date" contentType="text/html" pageEncoding="UTF-8" 
        trimDirectiveWhitespaces="true"%>
<%
    request.setCharacterEncoding("UTF-8");

    String usuarioSesion = "";
    if (session.getAttribute("usuario") != null) {
        usuarioSesion = "Usuario " + String.valueOf(session.getAttribute("usuario"));
    }
%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" href="/empleados/recursos/css/main.css" 
              rel="stylesheet" />
        <link type="text/css" 
              href="/empleados/recursos/css/ui-lightness/jquery-ui-1.8.21.custom.css" 
              rel="stylesheet" />
        <link type="text/css" 
              href="/empleados/recursos/css/ordertable/style.css" 
              rel="stylesheet" />
        <script src="/empleados/recursos/js/jquery-1.7.2.min.js" 
        type="text/javascript"></script>
        <script src="/empleados/recursos/js/jquery-ui-1.8.21.custom.min.js" 
        type="text/javascript"></script>
        <script src="/empleados/recursos/js/jquery-tablesorter.js" 
        type="text/javascript"></script>
        <title>SF:Registro Personas Morales / Fisicas</title>
        <script type="text/javascript">
            $(document).on("ready",function(){
                //Busca si tiene chrome en la cadena de navigator...
                $.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
                
                var nav = navigator.userAgent.toLowerCase();
                var index = nav.indexOf("chrome")+7;
                var sub = nav.substring(index,index+12);
                
                if($.browser.msie){
                    $("#navegador").text("Internet Explorer ");
                } else if($.browser.mozilla){
                    $("#navegador").text("Firefox ");
                } else if($.browser.chrome){
                    $("#navegador").text("Chrome ");
                    $.browser.version = sub;
                } else{
                    $("#navegador").text("Browser ");
                }
                $("#navegador").append($.browser.version);
                $("table").tablesorter();
            });
        </script>
    </head>
    <body>
        <div id="header">
            <p class="usuarioSesion"><%=usuarioSesion%></p>
            <%
                if (!usuarioSesion.isEmpty()) {
                    out.write("<ol>");
                    out.write("<li><a href=\"/empleados/usuarios/index.jsp\" class=\"usuarioSesion\">Perifil</a></li>");
                    out.write("<li><a href=\"/empleados/index.jsp?sesion=0\"class=\"usuarioSesion\">Salir</a></li>");
                    out.write("<li class=\"usuarioSesion\" id=\"navegador\"></li>");
                    out.write("</ol>");
                }
            %>

        </div>
        <div id="contenedor">
       <div id="row">
        <div id="izquierda">
            <h4 style="color: white">Menú</h4>
            <ul class="menu">
                <li><a href="/empleados/admin/registro.jsp?forma=add">
                        Añadir Persona (Moral/Fisica)</a></li>
                <li><a href="/empleados/admin/show.jsp">
                        Mostrar Persona (Moral/Fisica)</a></li>
            </ul>
        </div>